<template>
	<view class="page">
		<headerinfo></headerinfo>
		<u-navbar title="预览视频" :bgColor="bgColor" leftIconColor="#fff" :titleStyle="titleStyle" :placeholder="true" :autoBack="true"></u-navbar>
		<view class="">
			<video id="videoId" style="width: 100%;" :src="videoUrl" :autoplay="true"></video>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				bgColor: '#de4849',
				titleStyle: {
					color: '#fff'
				},
				videoUrl: '',
			};
		},
		onLoad(e) {
			this.videoUrl = e.url
			console.log(this.videoUrl)

		},
		methods: {

		}
	};
</script>

<style lang="scss" scoped>
	.page {
		background-color: #fff;

		video {
			width: 100%;
		}
	}
</style>